<script setup lang="ts">
const props: any = defineProps<{
    ujt: any;
}>();
const { $db, $fn, $global } = props.ujt;
const { userLogin } = $fn.useUser(props);
</script>

<template>
    <div class="as-user-area">
        <div class="as-user">
            <slot name="tit"></slot>
            <slot name="form" :opt="{ userLogin }">
                <label>
                    <div>{{ $global.lang.channeluser.data.us }}：</div>
                    <input v-model="$db.channeluser.cur.us" />
                </label>
                <label>
                    <div>{{ $global.lang.channeluser.data.pw }}：</div>
                    <input type="password" v-model="$db.channeluser.cur.pw" />
                </label>
                <div class="as-user-btns">
                    <div class="cur" @pointerdown="userLogin()">
                        {{ $global.lang.channeluser.ui.login }}
                    </div>
                    <slot name="btn"></slot>
                </div>
            </slot>
        </div>
    </div>
</template>

<style scoped lang="scss"></style>
